<!DOCTYPE html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>申请表</title>
    
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/writeTable.css">
    <script src="./js/jqyery.min.js"></script>

    <link rel="stylesheet" href="./summernote/bootstrap-3.3.5.css">
    <script src="./summernote/jquery.js"></script> 
    <script src="./summernote/bootstrap-3.3.5.js"></script>
    <!-- include summernote css/js -->
    <link href="./summernote/summernote.css"rel="stylesheet">
    <script src="./summernote/summernote.js"></script>
    <script src="./summernote/lang/summernote-zh-CN.js"></script>

    <!-- hiprint -->
    <link href="./js/hiprint/css/hiprint.css" rel="stylesheet">
    <link href="./js/hiprint/css/print-lock.css" rel="stylesheet">

    <script src="https://printjs-4de6.kxcdn.com/print.min.js"></script>
    <link rel="stylesheet" href="https://printjs-4de6.kxcdn.com/print.min.css">

    <style>
        .table > thead > tr > th,
        .table > tbody > tr > th,
        .table > tfoot > tr > th,
        .table > thead > tr > td,
        .table > tbody > tr > td,
        .table > tfoot > tr > td{
            vertical-align: inherit;

        }
        label{
            margin-right: 10px;

        }
        label input[type="radio"]{
            margin-right: 4px;
            position: relative;
            top: 2px;
        }
    </style>
</head>
<body>
<header>
    <div class="header_conter" id="userInfo">
        <div class="title">
            CAAE基金申报管理系统
        </div>
        <div class="nav_box">
            <ul>
                <li class="active">
                    <a href="./index.html">
                        <img class="icon" src="./img/nav_index_active.png" alt="">
                        <p class="nav_title">首页</p>
                    </a>
                </li>
                <li>
                    <a href="./state.html">
                        <img class="icon" src="./img/nav_jd.png" alt="">
                        <p class="nav_title">项目进度</p>
                    </a>
                </li>
                <li>
                    <a href="./opinion.html">
                        <img class="icon" src="./img/nav_yjfk.png" alt="">
                        <p class="nav_title">意见反馈</p>
                        <span class="chat_num" v-show="num>0" >{{num}}</span>
                    </a>
                </li>
                <li>
                    <a href="./declare.html">
                        <img class="icon" src="./img/nav_sbjl.png" alt="">
                        <p class="nav_title">申报记录</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="user_box">
            <img class="user_tx" src="./img/tx.png" alt="">
            <p>{{userName}}</p>
        </div>
    </div>
</header>


<div class="content_box clean"  id="apply">
    <a style="color: red;" target="_blank" href="https://view.officeapps.live.com/op/view.aspx?src=http://caaett-source.oss-cn-beijing.aliyuncs.com/test/20210219/1d322274-7967-42a3-b2f9-25d88651a62c.doc">点击查看《CAAE癫痫基金申报系统填写须知》</a>

    <h1>{{title}}</h1>
    <h5 style="color: red; font-size: 18px; text-align: center;">*填表中可随时在页面下方点击保存</h5>

    <div class="table_box">
        
        <div class="item_table">
            <div class="t_title">
                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>研究项目</span> 
            </div>
            <table class="table">
                <tbody>
                    <tr>
                        <td>项目名称</td>
                        <td><input type="text" placeholder="请输入研究项目名称" v-model="applicationInfo.projectName" ></td>
                        <td>研究类型</td>
                        <td>
                            <label>
                                <input type="radio" checked name="check" v-model="applicationInfo.researchType" value="1" @change="getRadioVal">基础研究
                            </label>
                            <label>
                                <input type="radio" name="check" v-model="applicationInfo.researchType" value="2" @change="getRadioVal">应用研究
                            </label>
                            <label>
                                <input type="radio" name="check" v-model="applicationInfo.researchType" value="3" @change="getRadioVal">开发研究
                            </label>
                            <label>
                                <input type="radio" name="check" v-model="applicationInfo.researchType" value="4" @change="getRadioVal">其他
                            </label>
                        </td>
                    </tr>
                    <tr>
                        <td>起止日期</td>
                        <td>
                            <input type="date" v-model="applicationInfo.startDate"  @change="getStartDate" placeholder="yyyy-mm-dd" style="margin-right: 20px">
                            <input type="date" v-model="applicationInfo.closedDate" @change="getEndDate" placeholder="yyyy-mm-dd">
                        </td>
                        <td>申请金额(万元)</td>
                        <td>
                            <input type="text" v-model="applicationInfo.appliedAmount" oninput="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" placeholder="请输入申请金额">
                            <!-- <span style="margin-left: 10px; font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #333333;">万元</span> -->
                        </td>
                    </tr>
                    <tr>
                        <td>自筹金额(万元)</td>
                        <td colspan="3">
                            <input type="text"  v-model="applicationInfo.raiseTheAmount" oninput="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" placeholder="请输入自筹金额">
                            <!-- <span style="margin-left: 10px; font-size: 14px;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #333333;">万元</span> -->
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="item_table" style="margin-top: 20px;">
            <div class="t_title">
                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>申请人</span>
            </div>
            <table class="table">
                <tbody>
                <tr>
                    <td>姓名</td>
                    <td><input type="text" v-model="applicationInfo.name" placeholder="请输入姓名"></td>
                    <td>性别</td>
                    <td>
                        <label>
                            <input type="radio" checked name="sex" v-model="applicationInfo.sex" value="0" @change="getSexVal">男
                        </label>
                        <label>
                            <input type="radio" name="sex" v-model="applicationInfo.sex" value="1" @change="getSexVal">女
                        </label>
                    </td>
                </tr>
                <tr>
                    <td>出生日期</td>
                    <td>
                        <input type="date" v-model="applicationInfo.birthday" @change="getbirthdayDate" placeholder="yyyy-mm-dd">
                    </td>
                    
                    <td>学历</td>
                    <td>
                        <input type="text" v-model="applicationInfo.educationBackground" placeholder="请输入学历">
                    </td>
                </tr>
                <tr>
                    
                    <td>学位</td>
                    <td>
                        <input type="text" v-model="applicationInfo.degree" placeholder="请输入学位">
                    </td>

                    <td>专业</td>
                    <td>
                        <input type="text" v-model="applicationInfo.specialty" placeholder="请输入专业">
                    </td>

                    
                </tr>
                <tr>
                    <td>单位</td>
                    <td>
                        <input type="text" v-model="applicationInfo.company" placeholder="请输入单位">
                    </td>

                    <td>科室</td>
                    <td>
                        <input type="text" v-model="applicationInfo.departments" placeholder="请输入科室">
                    </td>



                </tr>

                    

                <tr>
                    <td>职称</td>
                    <td>
                        <input type="text" v-model="applicationInfo.title" placeholder="请输入职称">
                    </td>

                    <td>手机号码</td>
                    <td>
                        <input type="text" v-model="applicationInfo.phone" oninput="value=value.replace(/[^(\d||/.)]/g,'')" placeholder="请输入手机号码">
                    </td>
                </tr>

                <tr>
                    <td>E-mail</td>
                    <td>
                        <input type="text" v-model="applicationInfo.email" placeholder="请输入E-mail">
                    </td>

                    <td>电话</td>
                    <td>
                        <input type="text" v-model="applicationInfo.specialPlane" placeholder="请输入电话(选填)">
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

        <div class="item_table"  style="margin-top: 20px;">
            <div class="t_title">
                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>{{contentTitle}}</span>
            </div>
            <textarea  v-model="applicationInfo.researchContents" placeholder="请输入"></textarea>

        </div>
        <div class="item_table"  style="margin-top: 20px;">
            <div class="t_title">
                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>预期成果及提交成果的形式、考核指标</span>
            </div>
            <textarea v-model="applicationInfo.anticipatedResults1" placeholder="请输入"></textarea>

        </div>
        <div class="item_table"  style="margin-top: 20px;">
            <div class="t_title">
                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>立论依据</span> <i style="font-style: normal; color: #666666; ">（{{lilunDesc}}）</i>
            </div>
            <div class="summernote" style="margin-top: 0;"></div>
            <div style="display: none;" v-html="applicationInfo.theoreticalFoundation"></div>
        </div>

        <div class="item_table"  style="margin-top: 20px;">
            <div class="t_title" style="margin-bottom: 20px;">
                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>研究方案</span>
            </div>
            <p style="font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;">1. 研究目标、研究内容和拟解决的关键问题</p>
            <!-- <textarea v-model="applicationInfo.researchObject" placeholder="请输入" style="margin-top: 0;"></textarea> -->
            <div class="summernote" style="margin-top: 0;"></div>
            <p style="font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;">2. 拟采取的研究方法、技术路线、实验方案及可行性分析</p>
            <!-- <textarea v-model="applicationInfo.researchTechnique" placeholder="请输入" style="margin-top: 0;"></textarea> -->
            <div class="summernote" style="margin-top: 0;"></div>
            <p style="font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;">3. 本项目的创新之处</p>
            <!-- <textarea v-model="applicationInfo.innovativePoint" placeholder="请输入" style="margin-top: 0;"></textarea> -->
            <div class="summernote" style="margin-top: 0;"></div>
            <p style="font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;">4. 计划进度</p>
            <!-- <textarea v-model="applicationInfo.designSchedule" placeholder="请输入" style="margin-top: 0;"></textarea> -->
            <div class="summernote" style="margin-top: 0;"></div>
        </div>
        <div class="item_table"  style="margin-top: 20px;">
            <div class="t_title" style="margin-bottom: 20px;">
                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>研究条件和保障</span>
            </div>
            <p style="font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;">1. 与本项目相关的现有工作积累和工作基础</p>
            <!-- <textarea v-model="applicationInfo.workFoundation" placeholder="请输入" style="margin-top: 0;"></textarea> -->
            <div class="summernote" style="margin-top: 0;"></div>
            <p style="font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;">2. 已具备的实验条件，尚缺少的实验条件和拟解决的途径</p>
            <!-- <textarea v-model="applicationInfo.experimentCondition" placeholder="请输入" style="margin-top: 0;"></textarea> -->
            <div class="summernote" style="margin-top: 0;"></div>
        </div>
        <div class="item_table"  style="margin-top: 20px;">
            <div class="t_title" style="margin-bottom: 20px;">
                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>预期研究成果</span>
            </div>
            <p style="font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;">1. 预期研究成果、考核指标及提供成果的形式</p>
            <!-- <textarea v-model="applicationInfo.anticipatedResults" placeholder="请输入" style="margin-top: 0;"></textarea> -->
            <div class="summernote" style="margin-top: 0;"></div>
            <p style="font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;">2. 项目完成后的经济、社会效益和理论意义</p>
            <!-- <textarea v-model="applicationInfo.meaningAfterCompletion" placeholder="请输入" style="margin-top: 0;"></textarea> -->
            <div class="summernote" style="margin-top: 0;"></div>
        </div>
        <div class="item_table"  style="margin-top: 20px;" v-show="!isQingfeng">
            <div class="t_title">
                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>申请者研究经历</span><i style="font-style: normal;color: #666666; ">(申请者的学历和研究工作简历，近三年主要研究工作、受资助情况、主要论著及科研成果名称、获奖情况。）</i>
            </div>
            <textarea v-model="applicationInfo.researchExperience" placeholder="请输入" style="margin-top: 20px;"></textarea>
        </div>

        <div class="item_table"  style="margin-top: 20px;" v-show="isQingfeng">
            <div class="t_title">
                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span style="font-size: 14px;">项目负责人及其团队的介绍（含项目负责人的学历和工作简历，近三年主要研究工作、受资助情况、主要论著及科研成果名称、获奖情况；中心团队成员及基本情况介绍）</span>
            </div>
            <textarea v-model="applicationInfo.researchExperience" placeholder="请输入" style="margin-top: 20px;"></textarea>
        </div>
        <div class="item_table"  style="margin-top: 20px;" v-show="!isQingfeng">
            <div class="t_title">
                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>主要研究人员情况</span>
            </div>
            <table class="table1">
                <thead>
                    <tr>
                        <td>姓名</td>
                        <td>性别</td>
                        <td>年龄(岁)</td>
                        <td>学历</td>
                        <td>职称</td>
                        <td>职务</td>
                        <td>分工</td>
                        <td>签字(纸质版签字)</td>
                    </tr>
                </thead>

                
                <tbody>
                <!-- <tr>
                    <td>姓名</td>
                    <td>性别</td>
                    <td>年龄(岁)</td>
                    <td>学历</td>
                    <td>职称</td>
                    <td>职务</td>
                    <td>分工</td>
                    <td>签字(章)</td>
                </tr> -->

                <tr v-for="item in researchWorkerInfo">
                    <td><input type="text" v-model="item.name" placeholder="请输入姓名"></td>
                    <td><input type="text" v-model="item.loginSex" placeholder="请输入性别"></td>
                    <td><input type="text" v-model="item.loginAge" oninput="value=value.replace(/[^(\d||/.)]/g,'')" placeholder="请输入年龄"></td>
                    <td><input type="text" v-model="item.educationBackground" placeholder="请输入学历"></td>
                    <td><input type="text" v-model="item.title" placeholder="请输入职称"></td>
                    <td><input type="text" v-model="item.post" placeholder="请输入职务"></td>
                    <td><input type="text" v-model="item.divideTheWork" placeholder="请输入分工"></td>
                    <td><input type="text"  readonly="readonly" v-model="item.pname" placeholder="请在纸质版签名"></td>
                </tr>


                <tr>
                    <td colspan="8" style="text-align: center;">
                        <img src="./img/add_t.png" alt="" @click="addPitem" style="width: 28px;height: 28px;cursor: pointer;">
                        <img src="./img/down_t.png" alt="" @click="downPitem" style="width: 28px;height: 28px;cursor: pointer;">
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

        <div class="item_table"  style="margin-top: 20px;">
            <div class="t_title">
                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>经费预算</span>
            </div>
            <table class="table1">
                <thead>
                    <tr>
                        <td>支出科目</td>
                        <td>金额(万元)</td>
                        <td>具体用途</td>
                    </tr>
                </thead>

                <tbody>
                <!-- <tr>
                    <td>项目研究</td>
                    <td>100</td>
                    <td>具体用途</td>
                </tr> -->
                <!-- "value=value.replace(/[^(\d||/.)]/g,'')" -->

                <tr v-for="item in appropriationBudgetInfo">
                    <td><input type="text" v-model="item.spedingOnSubjects" placeholder="请输入支出科目"></td>
                    <td><input type="text" v-model="item.money" oninput="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" placeholder="请输入金额"></td>
                    <td><input type="text" v-model="item.purpose" placeholder="请输入具体用途"></td>
                </tr>

                
                <tr>
                    <td colspan="3">
                        <span style="float: left;margin-left: 14px;">合计：{{totalSumAll}} 万元</span>
                        <div style="text-align: center; padding-right: 122px;">
                            <img src="./img/add_t.png" alt="" @click="addJitem" style="margin-top: 6px; width: 28px;height: 28px;cursor: pointer;">
                            <img src="./img/down_t.png" alt="" @click="downJitem" style="margin-top: 6px; width: 28px;height: 28px;cursor: pointer;">
                        </div>
           
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

        <div class="item_table"  style="margin-top: 20px;">
            <div class="t_title">
                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>{{companyName}}</span> <i style="font-style: normal; color: #666666; ">（{{companyDesc}}）</i>
            </div>
            <div class="" style="background: #FFFFFF;border-radius: 4px;margin-top: 20px;">
                <textarea v-model="applicationInfo.unitOpinion" placeholder="请输入" style="margin-top: 0;"></textarea>
                <div style="height:120px;display:flex;align-items:center;font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;border:1px solid #D5D9E3">

                    <!-- <span v-show="!isQingfeng">申报单位（盖章）</span> 
                    <span v-show="isQingfeng">单位负责人（签字）</span>
                    <span style="margin-left: 28%;"  v-show="isQingfeng">单位（公章）</span> -->


                    <span >单位负责人（签章）</span>
                    <span style="margin-left: 28%;" >单位（公章）</span>
                   <div style="margin-left:auto;margin-right: 20px;">
                       <span>年</span>
                       <span style="margin: 0 50px;">月</span>
                       <span>日</span>
                   </div>
                </div>
            </div>
        </div>

        <div class="item_table"  style="margin-top: 20px;">
            <div class="t_title">
                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>协会理事推荐意见</span><i style="font-style: normal;color: #666666; ">（需下载打印后填写意见并签字）</i>
            </div>
            <div class="" style="background: #FFFFFF;border-radius: 4px;margin-top: 20px;">
                <textarea v-model="applicationInfo.opinionsOfAssociationDirectors" placeholder="请输入" style="margin-top: 0;"></textarea>
                <div style="height:120px;display:flex;align-items:center;font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;border:1px solid #D5D9E3">

                    <span>协会理事（签字）</span> 
                   <div class="" style="margin-left:auto;margin-right: 20px;">
                       <span>年</span>
                       <span style="margin: 0 50px;">月</span>
                       <span>日</span>
                   </div>
                </div>
            </div>
        </div>
        
        <div class="item_table"  style="margin-top: 20px;">
            <div class="t_title">
                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>协会项目评审组意见及经费安排</span><i style="font-style: normal;color: #666666; "></i>
            </div>
            <div class="" style="background: #FFFFFF;border-radius: 4px;margin-top: 20px;">
                <textarea readonly="readonly" placeholder="" style="margin-top: 0;"></textarea>
                <div style="height:120px;display:flex;align-items:center;font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;border:1px solid #D5D9E3">

                <span>负责人（签字）</span>
                <span style="margin-left: 30%;" >协会（公章）</span>
                   <div class="" style="margin-left:auto;margin-right: 20px;">
                       <span>年</span>
                       <span style="margin: 0 50px;">月</span>
                       <span>日</span>
                   </div>
                </div>
            </div>
        </div>

        <div class="btns" style="width: 100%;height: 70px;background: #F9F9F9; text-align: center;position: fixed;bottom:0px;left:0px;right: 0px;">
            <div>
                <div class="save_btn" @click="applySubmit('1','0')" v-show="isShow">保存</div>
                <!-- <div class="yl" @click="applySubmit('1','0', 1)">预览</div> -->
                <div class="yl" @click="onPrint">{{previewOrPrint}}</div>
                <div class="tj" @click="applySubmit('1','1')" v-show="isShow">提交</div>
                <!-- <div class="dow" @click="applySubmit('1','0', 2)" v-show="isHidden">下载</div> -->
            </div>
        </div>

        <!-- 蒙层 -->
        <div class="mask" v-show="!isShow" v-bind:style="{top: distance + 'px' }">
        </div>

    </div>

    <a href="#">
        <img src="./img/top.png" style="cursor: pointer;position: fixed;bottom: 20%;right: 2%;" alt="">
    </a>

    <div class="modal fade" id="previewModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document" style="width: 826px;">
          <div class="modal-content">
            <div class="modal-body">
                <div class="hiprint-printTemplate" id="printId">
                    <div class="hiprint-printPanel panel-index-0">
                      <!-- <style printstyle="">
                        @page { border:0; padding: 0; margin: 0; size: A4 portrait; }
                      </style> -->
    
                      <div class="hiprint-printPaper" original-height="297" style="width: 210mm; height: 296mm;">
                        <div class="hiprint-printPaper-content">
                          <div tabindex="1" class="hiprint-printElement hiprint-printElement-text hiprint-text-content-middle"
                          style="position: absolute; width: 594pt; height: 34.5pt; font-size: 28pt; font-weight: 600; text-align: center; line-height: 26pt; left: 0pt; top: 118.5pt;">
                            <div class="hiprint-printElement-text-content hiprint-printElement-content"
                            style="height:100%;width:100%;">{{printInfo.fundName}}</div>
                          </div>
    
                          <div tabindex="1" class="hiprint-printElement hiprint-printElement-text hiprint-text-content-middle"
                          style="position: absolute; width: 592.5pt; height: 66pt; font-size: 28pt;font-weight: 600; letter-spacing: 12pt; text-align: center; line-height: 18pt; left: 1.5pt; top: 160.5pt;">
                          
                            <div class="hiprint-printElement-text-content hiprint-printElement-content"
                            style="height:100%;width:100%">
                              申 请 书
                            </div>
                          </div>
    
                          <div tabindex="1" class="hiprint-printElement hiprint-printElement-text hiprint-text-content-middle"
                          style="position: absolute; width: 70.5pt; height: 21pt; font-size: 12.75pt; font-weight: bold; text-align: center; left: 108pt; top: 346.5pt;">
                            <div class="hiprint-printElement-text-content hiprint-printElement-content"
                            style="height:100%;width:100%">
                              项目名称
                            </div>
                          </div>
                          <div tabindex="1" class="hiprint-printElement hiprint-printElement-text hiprint-text-content-middle"
                          style="position: absolute; width: 277.5pt; height: 45pt; font-size: 11.25pt; left: 202.5pt; top: 314pt;line-height: 14pt;">
                            <div class="hiprint-printElement-text-content hiprint-printElement-content"
                            style="height:100%;width:100%;vertical-align: bottom">{{printInfo.projectName}}</div>
                          </div>
                          <div class="hiprint-printElement hiprint-printElement-hline" style="border-width: 0.75pt; position: absolute; width: 277.5pt; height: 9pt; left: 201pt; top: 365.5pt;">
                          </div>
    
                          <div tabindex="1" class="hiprint-printElement hiprint-printElement-text hiprint-text-content-middle"
                          style="position: absolute; width: 69pt; height: 21pt; font-size: 12.75pt; font-weight: bold; text-align: center; left: 109.5pt; top: 386.5pt;">
                            <div class="hiprint-printElement-text-content hiprint-printElement-content"
                            style="height:100%;width:100%">
                              项目编号
                            </div>
                          </div>
                          <div tabindex="1" class="hiprint-printElement hiprint-printElement-text hiprint-text-content-middle"
                          style="position: absolute; width: 277.5pt; height: 21pt; font-size: 11.25pt; left: 201pt; top: 386.5pt;">
                            <div class="hiprint-printElement-text-content hiprint-printElement-content"
                            style="height:100%;width:100%">{{printInfo.projectCode}}</div>
                          </div>
                          <div class="hiprint-printElement hiprint-printElement-hline" style="border-width: 0.75pt; position: absolute; width: 276pt; height: 9pt; left: 202.5pt; top: 407.5pt;" id="projectCode">
                          </div>
                          
                          <div tabindex="1" class="hiprint-printElement hiprint-printElement-text hiprint-text-content-middle"
                          style="position: absolute; width: 69pt; height: 21pt; font-size: 12.75pt; font-weight: bold; text-align: center; left: 109.5pt; top: 431.5pt;">
                            <div class="hiprint-printElement-text-content hiprint-printElement-content"
                            style="height:100%;width:100%">
                              申请者
                            </div>
                          </div>
                          <div tabindex="1" class="hiprint-printElement hiprint-printElement-text hiprint-text-content-middle"
                          style="position: absolute; width: 276pt; height: 21pt; font-size: 12pt; left: 199.5pt; top: 434.5pt;">
                            <div class="hiprint-printElement-text-content hiprint-printElement-content"
                            style="height:100%;width:100%">{{printInfo.name}}</div>
                          </div>
                          <div class="hiprint-printElement hiprint-printElement-hline" style="border-width: 0.75pt; position: absolute; width: 277.5pt; height: 9pt; left: 199.5pt; top: 454pt;">
                          </div>
    
                          <div tabindex="1" class="hiprint-printElement hiprint-printElement-text hiprint-text-content-middle"
                          style="position: absolute; width: 69pt; height: 22.5pt; font-size: 12.75pt; font-weight: bold; text-align: center; left: 109.5pt; top: 473.5pt;">
                            <div class="hiprint-printElement-text-content hiprint-printElement-content"
                            style="height:100%;width:100%">
                              承担单位
                            </div>
                          </div>
                          <div tabindex="1" class="hiprint-printElement hiprint-printElement-text hiprint-text-content-middle"
                          style="position: absolute; width: 277.5pt; height: 22.5pt; font-size: 12pt; left: 199.5pt; top: 473.5pt;">
                            <div class="hiprint-printElement-text-content hiprint-printElement-content"
                            style="height:100%;width:100%">{{printInfo.company}}</div>
                          </div>
                          <div class="hiprint-printElement hiprint-printElement-hline" style="border-width: 0.75pt; position: absolute; width: 276pt; height: 9pt; left: 198pt; top: 495.5pt;">
                          </div>
    
                          <div tabindex="1" class="hiprint-printElement hiprint-printElement-text hiprint-text-content-middle"
                          style="position: absolute; width: 69pt; height: 21pt; font-size: 12.75pt; font-weight: bold; text-align: center; left: 109.5pt; top: 509.5pt;">
                            <div class="hiprint-printElement-text-content hiprint-printElement-content"
                            style="height:100%;width:100%">
                              起止日期
                            </div>
                          </div>
                          
                          <div tabindex="1" class="hiprint-printElement hiprint-printElement-text hiprint-text-content-middle"
                          style="position: absolute; width: 75pt; height: 22.5pt; font-size: 12pt; left: 198pt; top: 509.5pt;">
                            <div class="hiprint-printElement-text-content hiprint-printElement-content"
                            style="height:100%;width:100%">{{printInfo.startDate}}</div>
                          </div>
                          <div tabindex="1" class="hiprint-printElement hiprint-printElement-text hiprint-text-content-middle"
                          style="position: absolute; width: 22.5pt; height: 21pt; font-size: 12pt; text-align: center; left: 267pt; top: 509.5pt;">
                            <div class="hiprint-printElement-text-content hiprint-printElement-content"
                            style="height:100%;width:100%">
                              至
                            </div>
                          </div>
                          <div tabindex="1" class="hiprint-printElement hiprint-printElement-text hiprint-text-content-middle"
                          style="position: absolute; width: 76.5pt; height: 22.5pt; font-size: 12pt; left: 289.5pt; top: 509.5pt;">
                            <div class="hiprint-printElement-text-content hiprint-printElement-content"
                            style="height:100%;width:100%">{{printInfo.closedDate}}</div>
                          </div>
                          <div class="hiprint-printElement hiprint-printElement-hline" style="border-width: 0.75pt; position: absolute; width: 277.5pt; height: 9pt; left: 198pt; top: 530.5pt;">
                          </div>
    
                          <div tabindex="1" class="hiprint-printElement hiprint-printElement-text hiprint-text-content-middle"
                          style="position: absolute; width: 69pt; height: 22.5pt; font-size: 12.75pt; font-weight: bold; text-align: center; left: 109.5pt; top: 547pt;">
                            <div class="hiprint-printElement-text-content hiprint-printElement-content"
                            style="height:100%;width:100%">
                              申请日期
                            </div>
                          </div>
                          <div tabindex="1" class="hiprint-printElement hiprint-printElement-text hiprint-text-content-middle"
                          style="position: absolute; width: 277.5pt; height: 22.5pt; font-size: 12pt; left: 196.5pt; top: 548.5pt;">
                            <div class="hiprint-printElement-text-content hiprint-printElement-content"
                            style="height:100%;width:100%">{{printInfo.applicationDate}}</div>
                          </div>
                          <div class="hiprint-printElement hiprint-printElement-hline" style="border-width: 0.75pt; position: absolute; width: 277.5pt; height: 9pt; left: 198pt; top: 569.5pt;">
                          </div>
    
                          <div tabindex="1" class="hiprint-printElement hiprint-printElement-text hiprint-text-content-middle"
                          style="position: absolute; width: 595.5pt; height: 21pt; font-size: 15pt; font-weight: bold; text-align: center; left: 0pt; top: 700.5pt;">
                            <div class="hiprint-printElement-text-content hiprint-printElement-content"
                            style="height:100%;width:100%">
                              中国抗癫痫协会秘书处
                            </div>
                          </div>
    
                          <div tabindex="1" class="hiprint-printElement hiprint-printElement-text hiprint-text-content-middle"
                          style="position: absolute; width: 594pt; height: 18pt; font-size: 13.5pt; font-weight: bold; text-align: center; left: 1.5pt; top: 730.5pt;">
                            <div class="hiprint-printElement-text-content hiprint-printElement-content"
                            style="height:100%;width:100%">2021年01月制</div>
                          </div>
                        </div>
                      </div>
                    </div>
    
                    <div class="table_box" style="width: 210mm;margin-bottom:0;padding-top: 20px;">
                        <h3 style="text-align: center;">
                            {{printInfo.fundName}}项目申请书
                        </h3>
                        <div class="item_table" style="margin-top:40px;">
                            <div class="t_title">
                                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;">
                                <span>研究项目</span>
                            </div>
                            <table class="table">
                                <tbody>
                                    <tr>
                                        <td width="10%">项目名称</td>
                                        <td width="30%">{{printInfo.projectName}}</td>
                                        <td width="10%">研究类型</td>
                                        <td width="50%">
                                            <label>
                                                <input disabled type="radio" name="check2" v-model="printInfo.researchType" value="1">基础研究
                                            </label>
                                            <label>
                                                <input disabled type="radio" name="check2" v-model="printInfo.researchType" value="2">应用研究
                                            </label>
                                            <label>
                                                <input disabled type="radio" name="check2" v-model="printInfo.researchType" value="3">开发研究
                                            </label>
                                            <label>
                                                <input disabled type="radio" name="check2" v-model="printInfo.researchType" value="4">其他
                                            </label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="10%">起止日期</td>
                                        <td width="30%">
                                            {{printInfo.startDate}}至{{printInfo.closedDate}}
                                        </td>
                                        <td width="10%">申请金额</td>
                                        <td width="50%">{{printInfo.appliedAmount}}万元</td>
                                    </tr>
                                    <tr>
                                        <td width="10%">自筹金额</td>
                                        <td colspan="3" width="90%">{{printInfo.raiseTheAmount}}万元</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="item_table" style="margin-top: 20px;">
                            <div class="t_title">
                                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>申请人</span>
                            </div>
                            <table class="table" style="margin: 20px 0;">
                                <tbody>
                                    <tr>
                                        <td width="20%">姓名</td>
                                        <td width="30%">{{printInfo.name}}</td>
                                        <td width="20%">性别</td>
                                        <td width="30%">
                                            <label>
                                                <input disabled type="radio" name="sex2" v-model="printInfo.sex" value="0">男
                                            </label>
                                            <label>
                                                <input disabled type="radio" name="sex2" v-model="printInfo.sex" value="1">女
                                            </label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="20%">出生日期</td>
                                        <td width="30%">{{printInfo.birthday}}</td>
                                        <td width="20%">学历</td>
                                        <td width="30%">{{printInfo.educationBackground}} </td>
                                    </tr>
                                    <tr>
                                        <td width="20%">学位</td>
                                        <td width="30%">{{printInfo.degree}}</td>
                                        <td width="20%">专业</td>
                                        <td width="30%">{{printInfo.specialty}}</td>
                                    </tr>
                                    <tr>
                                        <td width="20%">单位</td>
                                        <td width="30%">{{printInfo.company}}</td>
                                        <td width="20%">科室</td>
                                        <td width="30%">{{printInfo.departments}}</td>
                                    </tr>
                                    <tr>
                                        <td width="20%">职称</td>
                                        <td width="30%">{{printInfo.title}}</td>
                                        <td width="20%">手机号码</td>
                                        <td width="30%">{{printInfo.phone}}</td>
                                    </tr>
                                    <tr>
                                        <td width="20%">E-mail</td>
                                        <td width="30%">{{printInfo.email}}</td>
                                        <td width="20%">电话</td>
                                        <td width="30%">{{printInfo.specialPlane}}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                
                        <div class="item_table"  style="margin-top: 20px;">
                            <div class="t_title" style="display: flex;align-items: center;">
                                <img src="./img/t_title.png" alt="" style="margin-top:2px;margin-right:4px;">
                                <span>{{ contentTitle }}</span>
                            </div>
                            <div style="margin-top: 20px;padding:15px;border:1px solid #D5D9E3;border-radius: 4px;font-size: 11pt;white-space: pre-wrap;" v-html="printInfo.researchContents"></div>
                        </div>

                        <div class="item_table"  style="margin-top: 20px;">
                            <div class="t_title">
                                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>预期成果及提交成果的形式、考核指标</span>
                            </div>
                            <div style="margin-top: 20px;padding:15px;border:1px solid #D5D9E3;border-radius: 4px;font-size: 11pt;white-space: pre-wrap;" v-html="printInfo.anticipatedResults1"></div>
                        </div>

                        <div class="item_table"  style="margin-top: 20px;">
                            <div class="t_title">
                                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>立论依据</span> <i style="font-style: normal; color: #666666; ">（{{lilunDesc}}）</i>
                            </div>
                            <div class="rich-text" style="margin-top: 20px;padding:15px;border:1px solid #D5D9E3;border-radius: 4px;font-size: 11pt;" v-html="printInfo.theoreticalFoundation"></div>
                        </div>
                
                        <div class="item_table" style="margin-top: 20px;">
                            <div class="t_title" style="margin-bottom: 20px;">
                                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>研究方案</span>
                            </div>
                            <p style="font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;">1. 研究目标、研究内容和拟解决的关键问题</p>
                            <div class="rich-text" style="margin-top: 20px;padding:15px;border:1px solid #D5D9E3;border-radius: 4px;font-size: 11pt;" v-html="printInfo.researchObject"></div>

                            <p style="font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;">2. 拟采取的研究方法、技术路线、实验方案及可行性分析</p>
                            <div class="rich-text" style="margin-top: 20px;padding:15px;border:1px solid #D5D9E3;border-radius: 4px;font-size: 11pt;" v-html="printInfo.researchTechnique"></div>

                            <p style="font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;">3. 本项目的创新之处</p>
                            <div class="rich-text" style="margin-top: 20px;padding:15px;border:1px solid #D5D9E3;border-radius: 4px;font-size: 11pt;" v-html="printInfo.innovativePoint"></div>

                            <p style="font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;">4. 计划进度</p>
                            <div class="rich-text" style="margin-top: 20px;padding:15px;border:1px solid #D5D9E3;border-radius: 4px;font-size: 11pt;" v-html="printInfo.designSchedule"></div>
                        </div>

                        <div class="item_table" style="margin-top: 20px;">
                            <div class="t_title" style="margin-bottom: 20px;">
                                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>研究条件和保障</span>
                            </div>
                            <p style="font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;">1. 与本项目相关的现有工作积累和工作基础</p>
                            <div class="rich-text" style="margin-top: 20px;padding:15px;border:1px solid #D5D9E3;border-radius: 4px;font-size: 11pt;" v-html="printInfo.workFoundation"></div>

                            <p style="font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;">2. 已具备的实验条件，尚缺少的实验条件和拟解决的途径</p>
                            <div class="rich-text" style="margin-top: 20px;padding:15px;border:1px solid #D5D9E3;border-radius: 4px;font-size: 11pt;" v-html="printInfo.experimentCondition"></div>
                        </div>

                        <div class="item_table" style="margin-top: 20px;">
                            <div class="t_title" style="margin-bottom: 20px;">
                                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>预期研究成果</span>
                            </div>
                            <p style="font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;">1. 预期研究成果、考核指标及提供成果的形式</p>
                            <div class="rich-text" style="margin-top: 20px;padding:15px;border:1px solid #D5D9E3;border-radius: 4px;font-size: 11pt;" v-html="printInfo.anticipatedResults"></div>

                            <p style="font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;">2. 项目完成后的经济、社会效益和理论意义</p>
                            <div class="rich-text" style="margin-top: 20px;padding:15px;border:1px solid #D5D9E3;border-radius: 4px;font-size: 11pt;" v-html="printInfo.meaningAfterCompletion"></div>
                        </div>

                        <div class="item_table" style="margin-top: 20px;" v-show="!isQingfeng">
                            <div class="t_title">
                                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>申请者研究经历</span><i style="font-style: normal;color: #666666; ">(申请者的学历和研究工作简历，近三年主要研究工作、受资助情况、主要论著及科研成果名称、获奖情况。）</i>
                            </div>
                            <div style="margin-top: 40px;padding:15px;border:1px solid #D5D9E3;border-radius: 4px;font-size: 11pt;white-space: pre-wrap;" v-html="printInfo.researchExperience"></div>
                        </div>
                
                        <div class="item_table" style="margin-top: 20px;" v-show="isQingfeng">
                            <div class="t_title">
                                <!-- <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span style="font-size: 8px;">项目负责人及其团队的介绍（含项目负责人的学历和工作简历，近三年主要研究工作、受资助情况、主要论著及科研成果名称、获奖情况；中心团队成员及基本情况介绍）</span> -->
                                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>项目负责人及其团队的介绍</span> <i style="font-style: normal; color: #666666; ">（含项目负责人的学历和工作简历，近三年主要研究工作、受资助情况、主要论著及科研成果名称、获奖情况；中心团队成员及基本情况介绍）</i>
                            </div>
                            <div style="margin-top: 40px;padding:15px;border:1px solid #D5D9E3;border-radius: 4px;font-size: 11pt;white-space: pre-wrap;" v-html="printInfo.researchExperience"></div>
                        </div>

                        <div class="item_table" style="margin-top: 20px;" v-show="!isQingfeng">
                            <div class="t_title">
                                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>主要研究人员情况</span>
                            </div>
                            <table class="table1">
                                <thead>
                                    <tr>
                                        <td style="padding: 0;">姓名</td>
                                        <td style="padding: 0;">性别</td>
                                        <td style="padding: 0;">年龄(岁)</td>
                                        <td style="padding: 0;">学历</td>
                                        <td style="padding: 0;">职称</td>
                                        <td style="padding: 0;">职务</td>
                                        <td style="padding: 0;">分工</td>
                                        <td style="padding: 0;">签字</br>(纸质版签字)</td>
                                    </tr>
                                </thead>
                                
                                <tbody>
                                    <tr v-for="item in researchWorkerInfo">
                                        <td width="8%">{{item.name}}</td>
                                        <td width="8%">{{item.loginSex}}</td>
                                        <td width="8%">{{item.loginAge}}</td>
                                        <td width="8%">{{item.educationBackground}}</td>
                                        <td width="15%">{{item.title}}</td>
                                        <td width="15%">{{item.post}}</td>
                                        <td style="text-align: left;" width="25%">{{item.divideTheWork}}</td>
                                        <td>{{item.pname}}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        
                        <div class="item_table" style="margin-top: 20px;page-break-after: always;">
                            <div class="t_title" style="font-size: 12pt;">
                                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>经费预算</span>
                            </div>
                            <table class="table1">
                                <thead>
                                    <tr>
                                        <td width="15%">支出科目</td>
                                        <td width="15%">金额(万元)</td>
                                        <td>具体用途</td>
                                    </tr>
                                </thead>
                
                                <tbody>
                                    <tr v-for="item in appropriationBudgetInfo">
                                        <td width="15%">{{item.spedingOnSubjects}}</td>
                                        <td width="15%">{{item.money}}</td>
                                        <td style="text-align: left;">{{item.purpose}}</td>
                                    </tr>
                                    
                                    <tr>
                                        <td colspan="3">
                                            <span style="float: left;margin-left: 14px;">合计：{{totalSumAll}} 万元</span>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                
                        <div class="item_table" style="height: 135mm;padding-top: 20px;box-sizing: border-box;">
                            <div class="t_title" style="height: 60px;">
                                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>{{companyName}}</span> <i style="font-style: normal; color: #666666; ">（{{companyDesc}}）</i>
                            </div>
                            <div style="height:calc(100% - 60px);background: #FFFFFF;border-radius: 4px;">
                                <div style="height:calc(100% - 120px);margin-top: 0px;padding:15px;border:1px solid #D5D9E3;border-bottom:none;border-radius: 4px;font-size: 11pt;white-space: pre-wrap;" v-html="printInfo.unitOpinion"></div>
                                <div style="height:120px;display:flex;align-items:center;font-weight: 400;color: #333333;background: #fff;margin:0px;padding: 10px 0;padding-left: 14px;box-sizing: border-box;border:1px solid #D5D9E3;border-top:none">
                                    <!-- <span v-show="!isQingfeng">申报单位（盖章）</span> 
                                    <span v-show="isQingfeng">单位负责人（签字）</span>
                                    <span style="margin-left: 28%;"  v-show="isQingfeng">单位（公章）</span> -->
                                    
                                    <span >单位负责人（签章）</span>
                                    <span style="margin-left: 28%;" >单位（公章）</span>

                                    <div style="margin-left:auto;margin-right: 20px;">
                                        <span>年</span>
                                        <span style="margin: 0 50px;">月</span>
                                        <span>日</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                
                        <div class="item_table" style="height: 135mm;padding-top: 20px;page-break-after: always;box-sizing: border-box;">
                            <div class="t_title" style="height: 30px;">
                                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>协会理事推荐意见</span><i style="font-style: normal;color: #666666; ">（需下载打印后填写意见并签字）</i>
                            </div>
                            <div style="height:calc(100% - 30px);background: #FFFFFF;border-radius: 4px;">
                                <div style="height:calc(100% - 120px);margin-top:0px;padding:15px;border:1px solid #D5D9E3;border-bottom:none;border-radius: 4px;font-size: 11pt;white-space: pre-wrap;" v-html="printInfo.opinionsOfAssociationDirectors"></div>
                                <div style="height:120px;display:flex;align-items:center;font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;border:1px solid #D5D9E3;border-top:none">
                                    <span>协会理事（签字）</span> 
                                    <div class="" style="margin-left:auto;margin-right: 20px;">
                                        <span>年</span>
                                        <span style="margin: 0 50px;">月</span>
                                        <span>日</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="item_table" style="height: 150mm;padding-top: 20px;box-sizing: border-box;">
                            <div class="t_title" style="height: 30px;">
                                <img src="./img/t_title.png" alt="" style="margin-top: 2px;margin-right: 4px;"><span>协会项目评审组意见及经费安排</span><i style="font-style: normal;color: #666666; "></i>
                            </div>
                            <div style="height:calc(100% - 50px);background:#FFFFFF;border-radius:4px;margin-top:5px;">
                                <div style="height:calc(100% - 120px);margin-top: 0px;padding:15px;border:1px solid #D5D9E3;border-bottom:none;border-radius: 4px;white-space: pre-wrap;"></div>
                                <div style="height:120px;display:flex;align-items:center;font-weight: 400;color: #333333;background: #fff;margin: 0;padding: 10px 0;padding-left: 14px;box-sizing: border-box;border:1px solid #D5D9E3;border-top:none">
                                    <span>负责人（签字）</span>
                                    <span style="margin-left: 30%;" >协会（公章）</span>
                                    <div class="" style="margin-left:auto;margin-right: 20px;">
                                        <span>年</span>
                                        <span style="margin: 0 50px;">月</span>
                                        <span>日</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer" style="text-align: center;">
              <button type="button" v-show="!isShow" class="btn btn-primary" @click="onPrintConfirm">打印</button>
            </div>
          </div>
        </div>
    </div>
</div>


<script type="text/javascript" src="./js/vue.js"></script>
<script type="text/javascript" src="./js/axios.min.js"></script>
<script type="text/javascript" src="./js/qs.min.js"></script>
<script type="text/javascript" src="./js/config.js"></script>
<script type="text/javascript" src="./js/info.js"></script>
<script type="text/javascript" src="./js/summer.js"></script>

<script>
    const feedApp = new Vue({
        el: "#apply",
        data: {
            isShow:true,
            distance:130,
            isQingfeng:false,
            isHidden:true,
            previewOrPrint:"预览",
            title:"申请表",
            companyName:"申报单位意见",
            companyDesc:"申请者所在单位对申请书的真实性、申请人承担项目的能力及本单位能否提供基本条件等签署具体意见并盖章，需下载打印后填写意见并盖章",
            contentTitle:"主要研究内容及意义(摘要)",
            lilunDesc:"包括项目的研究意义、国内外研究现状、水平和发展趋势，并附主要参考文献及出处",

            // 项目名称
            applicationInfo:{
                projectName:"",
                researchType:"1",
                appliedAmount:null,
                raiseTheAmount:null,
                name:"",
                sex:"0",
                company:"",
                birthday:"",
                title:"",
                educationBackground:"",
                specialty:"",
                degree:"",
                phone:"",
                specialPlane:"",
                email:"",
                fax:"",
                // 研究内容
                researchContents:"",
                // 研究成果上面的
                anticipatedResults1:"",
                // 理论依据
                theoreticalFoundation:"",
                // 研究经验
                researchExperience:"",
                // 单位意见
                unitOpinion:"",
                // 协会意见
                opinionsOfAssociationDirectors:"",
                // 申请日期
                applicationDate:"",
                // 是否提交
                submit:"1",
                // 科室
                departments:"",
                // 研究的方法
                researchTechnique:"",
                // 研究的目标内容
                researchObject:"",
                // 创新内容
                innovativePoint:"",
                // 计划进度
                designSchedule:"",
                // 与本项目相关的工作经验，
                workFoundation:"",
                // 实验条件
                experimentCondition:"",
                // 预期研究成果
                anticipatedResults:"",
                // 完成后的意义
                meaningAfterCompletion:"",
                // 是否下载申请表
                downloadReturn:"",
                startDate:"",
                closedDate:"",
                // 项目id 
                fundId:"1",
            },
            // 主要研究人员
            researchWorkerInfo:[
                {
                    name:"",
                    loginSex:"",
                    loginAge:"",
                    educationBackground:"",
                    title:"",
                    post:"",
                    divideTheWork:"",
                    pname:""
                },
            ],
            // 经费预算
            appropriationBudgetInfo:[
                {
                    spedingOnSubjects:"",
                    money:null,
                    purpose:"",
                },
            ],
            printInfo: {},
        },
        methods: {
            onPrint() {
                // const year = new Date().getFullYear()
                // const month = new Date().getMonth()+1
                // this.printInfo.nowDate = `${year}年${month > 9 ? month: '0'+month}月制`



                this.printInfo = { ...this.printInfo, ... this.applicationInfo }

                this.printInfo.theoreticalFoundation = $('.summernote').eq(0).summernote('code');
                this.printInfo.researchObject = $('.summernote').eq(1).summernote('code');
                this.printInfo.researchTechnique = $('.summernote').eq(2).summernote('code');
                this.printInfo.innovativePoint = $('.summernote').eq(3).summernote('code');
                this.printInfo.designSchedule = $('.summernote').eq(4).summernote('code');
                this.printInfo.workFoundation = $('.summernote').eq(5).summernote('code');
                this.printInfo.experimentCondition = $('.summernote').eq(6).summernote('code');
                this.printInfo.anticipatedResults = $('.summernote').eq(7).summernote('code');
                this.printInfo.meaningAfterCompletion = $('.summernote').eq(8).summernote('code');

                this.getFundList(() => {
                    $('#previewModal').modal({ show: true })
                })
            },

            onPrintConfirm() {
                printJS({
                    printable: 'printId',
                    type: 'html',
                    css: [
                        './css/style.css',
                        './css/writeTable.css',
                        './summernote/bootstrap-3.3.5.css',
                        './summernote/summernote.css',
                        './js/hiprint/css/hiprint.css',
                        './js/hiprint/css/print-lock.css',
                        // './js/printJs/print.min.css',
                        'https://printjs-4de6.kxcdn.com/print.min.css'
                    ],
                    style: `
                        .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
                            vertical-align: inherit;
                        }
                        label{
                            margin-right: 10px;
                        }
                        label input[type="radio"]{
                            margin-right: 4px;
                            position: relative;
                            top: 2px;
                        }
                        @page {
                            margin: 10mm;
                        }
                    `,
                })
            },

            // 获取项目类型
            getRadioVal:function(){
                console.log(this.applicationInfo.researchType);
            },
            // 获取
            getSexVal:function(){
                console.log(this.applicationInfo.sex);
            },

            getStartDate:function(){
                console.log(this.applicationInfo.startDate);
            },

            getEndDate:function(){
                console.log(this.applicationInfo.closedDate);
            },

            getbirthdayDate:function(){
                console.log(this.applicationInfo.birthday);
            },

            getSpecialtySelected:function(){
                console.log(this.applicationInfo.specialty);
            },

            addPitem:function(){
                console.log("添加人员");
                let item = {
                    name:"",
                    loginSex:"",
                    loginAge:"",
                    educationBackground:"",
                    title:"",
                    post:"",
                    divideTheWork:"",
                    pname:"",
                    id:"",
                };
                this.researchWorkerInfo.push(item);
            },

            downPitem:function(){

                this.researchWorkerInfo.pop();
            },

            addJitem:function(){
                console.log("添加经费");
                let item = {
                    spedingOnSubjects:"",
                    money:null,
                    purpose:"",
                    id:"",
                };
                this.appropriationBudgetInfo.push(item);
            },

            downJitem:function(){

                this.appropriationBudgetInfo.pop();
            },

            scrollHandle(e){
                let top = e.srcElement.scrollingElement.scrollTop;    // 获取页面滚动高度
                this.distance = 130 - top;
            },

            perview(id){
                console.log("预览的id==="+ id);

                let paras = {
                    applicationId:id,
                    downloadOrPreview :"1",
                }
                console.log(paras);
                let dt = Qs.stringify(paras);
                axios.post(BaseUrl + "client/applicationClient/previewWordFile", dt)
                .then(function (response) {
                    if (response.data.code == 200) {
                        let previewUrl = response.data.data[0].site;
                        console.log(response.data);
                        window.open(previewUrl);
                    }else if (response.data.code == 305) {
                        alert(response.data.data[0].exceptionMessage);
                    }else{
                        alert(response.data.massage);
                    }
                    console.log(response);
                })
                .catch(function (error) {
                    console.log(error);
                    alert("网络出现错误，状态码" + error);
                })

            },

            download(id){
                console.log("下载");
                let paras = {
                    applicationId:id,
                    downloadOrPreview :"2",
                }
                console.log(paras);
                let dt = Qs.stringify(paras);
                axios.post(BaseUrl + "client/applicationClient/previewWordFile", dt)
                .then(function (response) {
                    if (response.data.code == 200) {
                        let previewUrl = response.data.data[0].site;
                        console.log(response.data);
                        window.location.href = previewUrl;
                    }else if (response.data.code == 305) {
                        alert(response.data.data[0].exceptionMessage);
                    }else{
                        alert(response.data.massage);
                    }
                    console.log(response);
                })
                .catch(function (error) {
                    alert("网络出现错误，状态码" + error);
                    console.log(error);
                })
            },

            ceshi(){

                console.log("测试");
                console.log("000" + $('.summernote').eq(0).summernote('code'));
                console.log("111" + $('.summernote').eq(1).summernote('code'));
                console.log("222" + $('.summernote').eq(2).summernote('code'));
                console.log("333" + $('.summernote').eq(3).summernote('code'));
                console.log("444" + $('.summernote').eq(4).summernote('code'));
                console.log("555" + $('.summernote').eq(5).summernote('code'));
                console.log("666" + $('.summernote').eq(6).summernote('code'));
                console.log("777" + $('.summernote').eq(7).summernote('code'));
                console.log("888" + $('.summernote').eq(8).summernote('code'));
            },

            applySubmit:function(type,submit,preview){
                // preview == 1 是预览, 2 是下载   保存和提交不传
                console.log('提交' + type + submit + preview);
                const query = Qs.parse(location.search.substring(1));
                if (query.applicationId && !query.isRepair){  // 从申请记录进来, 才可以直接预览, 补正需要先保存
                    if (preview == 1) {
                        console.log("已经有id 直接预览");
                        this.perview(query.applicationId);
                        return;
                    }else if (preview == 2){
                        console.log("已经有id 直接下载");
                        this.download(query.applicationId);
                        return;
                    }
                }

                
                

                // this.applicationInfo.fundId = type;
                this.applicationInfo.submit = submit;

                this.applicationInfo.theoreticalFoundation = $('.summernote').eq(0).summernote('code');
                this.applicationInfo.researchObject = $('.summernote').eq(1).summernote('code');
                this.applicationInfo.researchTechnique = $('.summernote').eq(2).summernote('code');
                this.applicationInfo.innovativePoint = $('.summernote').eq(3).summernote('code');
                this.applicationInfo.designSchedule = $('.summernote').eq(4).summernote('code');
                this.applicationInfo.workFoundation = $('.summernote').eq(5).summernote('code');
                this.applicationInfo.experimentCondition = $('.summernote').eq(6).summernote('code');
                this.applicationInfo.anticipatedResults = $('.summernote').eq(7).summernote('code');
                this.applicationInfo.meaningAfterCompletion = $('.summernote').eq(8).summernote('code');




                console.log("人员前"+ this.researchWorkerInfo);
                // 添加人员
                if (this.researchWorkerInfo.length){
                    this.researchWorkerInfo.forEach((item,i) => {
                        if (item.name.length == 0) {
                            this.researchWorkerInfo.splice(i,1);
                        }
                    })
                }
                console.log("人员后" + this.researchWorkerInfo);

                console.log("经费前" + this.appropriationBudgetInfo);
                // 添加经费
                if (this.appropriationBudgetInfo.length){
                    this.appropriationBudgetInfo.forEach((item,i) => {
                        if (item.spedingOnSubjects.length == 0 || item.money == null) {
                            this.appropriationBudgetInfo.splice(i,1);
                        }
                    })
                }
                console.log("经费后" + this.appropriationBudgetInfo);


                if (this.applicationInfo.submit == "1") {
                    console.log("提交判断");

                    console.log(this.applicationInfo);
                    if (!this.applicationInfo.projectName.length) {
                        alert("请输入项目名称");
                        return;
                    }
                    if (!this.applicationInfo.startDate) {
                        alert("请输入起始日期");
                        return;
                    }
                    if (!this.applicationInfo.closedDate) {
                        alert("请输入结束日期");
                        return;
                    }
                    console.log(typeof(this.applicationInfo.appliedAmount));
                    console.log(typeof(this.applicationInfo.raiseTheAmount));

                    if (!(parseFloat(this.applicationInfo.appliedAmount) >= 0)) {
                        alert("请输入申请金额");
                        return;
                    }

                    if (!(parseFloat(this.applicationInfo.raiseTheAmount) >= 0)) {
                        alert("请输入自筹金额");
                        return;
                    }
                    if (!this.applicationInfo.name.length) {
                        alert("请输入姓名");
                        return;
                    }
                    if (!this.applicationInfo.birthday) {
                        alert("请选择出生日期");
                        return;
                    }
                    if (!this.applicationInfo.educationBackground.length) {
                        alert("请输入学历");
                        return;
                    }
                    if (!this.applicationInfo.degree.length) {
                        alert("请输入学位");
                        return;
                    }
                    if (!this.applicationInfo.specialty.length) {
                        alert("请输入专业");
                        return;
                    }
                    if (!this.applicationInfo.company.length) {
                        alert("请输入单位名称");
                        return;
                    }
                    if (!this.applicationInfo.departments.length) {
                        alert("请输入科室");
                        return;
                    }
                    if (!this.applicationInfo.title.length) {
                        alert("请输入职称");
                        return;
                    }
                    if (!this.applicationInfo.phone.length) {
                        alert("请输入手机号");
                        return;
                    }
                    if (!this.applicationInfo.email) {
                        alert("请输入邮箱");
                        return;
                    }else{
                        var verify = /^\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/;
                        if (!verify.test(this.applicationInfo.email)) {
                            alert("邮箱格式错误, 请重新输入");
                            return;
                        }
                    }
                    if (!this.applicationInfo.researchContents.length) {
                        if (this.isQingfeng) {
                            alert("请输入项目内容及意义");
                        }else{
                            alert("请输入主要研究内容及意义");
                        }
                        return;
                    }
                    if (!this.applicationInfo.anticipatedResults1.length) {
                        alert("预期成果及提交成果的形式、考核指标");
                        return;
                    }
                    if (this.applicationInfo.theoreticalFoundation == "<p><br></p>") {
                        alert("请输入立论依据");
                        return;
                    }
                    if (this.applicationInfo.researchObject == "<p><br></p>" || this.applicationInfo.researchTechnique == "<p><br></p>"
                    ||this.applicationInfo.innovativePoint == "<p><br></p>" || this.applicationInfo.designSchedule  == "<p><br></p>") {
                        alert("研究方案共4项请填写完整");
                        return;
                    }
                    if (this.applicationInfo.workFoundation == "<p><br></p>" || this.applicationInfo.experimentCondition == "<p><br></p>") {
                        alert("研究条件和保障共2项请填写完整");
                        return;
                    }
                    if (this.applicationInfo.anticipatedResults == "<p><br></p>" || this.applicationInfo.meaningAfterCompletion == "<p><br></p>") {
                        alert("预期研究成果共2项请填写完整");
                        return;
                    }
                    if (!this.applicationInfo.researchExperience.length) {
                        if (this.isQingfeng) {
                            alert("请填写项目负责人及其团队的介绍");
                        }else{
                            alert("请填写申请者研究经历");
                        }
                        return;
                    }
                    // 添加人员
                    if (this.researchWorkerInfo.length){
                        this.researchWorkerInfo.forEach((item,i) => {
                            if (item.name.length == 0) {
                                // this.researchWorkerInfo.splice(i,1);
                                alert("主要研究人员信息请填写完整");
                                return;
                            }
                        })
                    }else{
                        if (!this.isQingfeng) {
                            alert("请添加主要研究人员");
                            return;
                        }
                    }

                    // 添加经费
                    if (this.appropriationBudgetInfo.length){
                        this.appropriationBudgetInfo.forEach((item,i) => {
                            if (item.spedingOnSubjects.length == 0 || item.money == null) {
                                // this.appropriationBudgetInfo.splice(i,1);
                                alert("经费预算项目请填写完整");
                                return;
                            }
                        })
                    }else{
                        alert("请添加经费预算");
                        return;
                    }

                    if(confirm("一旦提交将无法修改，确认提交吗？确认提交后请及时打印。")){
                        console.log("执行");
                    }else{
                        console.log("取消");
                        return;
                    }
                    
                }
                
                let paras = {
                    "loginId":localStorage.getItem("loginId"),
                    // "isRepair":query.isRepair,
                    // "informationId":query.informationId,
                    "fundId":this.applicationInfo.fundId,
                    "applicationInfo":JSON.stringify(this.applicationInfo),
                    "researchWorkerInfo":JSON.stringify(this.researchWorkerInfo),
                    "appropriationBudgetInfo":JSON.stringify(this.appropriationBudgetInfo),
                };

                if (query.isRepair) {
                    paras["informationId"] = query.informationId;
                    paras["applicationId"] = query.applicationId;
                }
                console.log(paras);

                var that = this;
                let dt = Qs.stringify(paras);
                axios.post(BaseUrl + "client/applicationClient/saveApplicationInfo", dt)
                .then(function (response) {
                    console.log(response);
                    if (response.data.code == 200) {
                        if (preview == 1) {
                            console.log("成功保存预览id");
                            let id = response.data.data[0].applicationId;
                            that.perview(id);
                        } else if (preview == 2) {
                            console.log("成功保存下载id");
                            let id = response.data.data[0].applicationId;
                            that.download(id);
                        } else {
                            alert(response.data.massage);
                            if (submit == "1") { // 提交
                                window.location.href = "./state.html";
                            } else { // 保存
                                that.loadSaveData();
                                // window.location.href = "./index.html";
                            }
                        }
                    } else if (response.data.code == 305) {
                        alert(response.data.data[0].exceptionMessage);
                    } else{
                        alert(response.data.massage);
                    }
                })
                .catch(function (error) {
                    alert("网络出现错误，状态码" + error);
                    console.log(error);
                })
            },

            loadSaveData(){
                console.log("获取之前保存信息")
                // 之前保存的
                var that = this;
                let paras = {
                    "loginId":localStorage.getItem("loginId"),
                    "fundId":this.applicationInfo.fundId,
                };
                console.log(paras);
                let dt = Qs.stringify(paras);
                axios.post(BaseUrl + "client/applicationClient/applicationInfofindByLogin",dt)
                .then(
                function(response) {
                    result = response.data.data[0];
                    if (response.data.code == 200) {
                        that.title = result.title;
                        if (result.applicationInfo.applicationInfo) {
                            that.applicationInfo = result.applicationInfo.applicationInfo;
                            
                            $('.summernote').eq(0).summernote('code',that.applicationInfo.theoreticalFoundation);
                            $('.summernote').eq(1).summernote('code',that.applicationInfo.researchObject);
                            $('.summernote').eq(2).summernote('code',that.applicationInfo.researchTechnique);
                            $('.summernote').eq(3).summernote('code',that.applicationInfo.innovativePoint);
                            $('.summernote').eq(4).summernote('code',that.applicationInfo.designSchedule);
                            $('.summernote').eq(5).summernote('code',that.applicationInfo.workFoundation);
                            $('.summernote').eq(6).summernote('code',that.applicationInfo.experimentCondition);
                            $('.summernote').eq(7).summernote('code',that.applicationInfo.anticipatedResults);
                            $('.summernote').eq(8).summernote('code',that.applicationInfo.meaningAfterCompletion);
                        }
                        if (result.appropriationBudgetInfo.length){
                            that.appropriationBudgetInfo = result.appropriationBudgetInfo;
                        }
                        if (result.researchWorkerInfo.length){
                            result.researchWorkerInfo.forEach((item,i) => {
                                item.loginAge = item.age;
                                item.loginSex = item.sex;
                                item.age = null;
                                item.sex = null;
                                console.log(item.bg);
                            })
                            that.researchWorkerInfo = result.researchWorkerInfo;
                        }
                    }else{
                        that.title = result.title;
                    }
                    
                    console.log(result);
                })
                .catch(function (error) {
                    console.log(error);
                })
            },

            // 获取基金列表
            getFundList(cb) {
                const loginId = localStorage.getItem("loginId")
                axios.get(`${BaseUrl}client/fund/fundList?loginId=${loginId}`).then(res => {
                    const fund = res.data.data.find(item => Number(item.id) === Number(this.applicationInfo.fundId))
                    console.log('当前基金名称', fund);
                    const fundName = fund ? fund.name : ''
                    this.$set(this.printInfo, 'fundName', fundName)
                    cb()
                })
            }
        },
        created:function(){
            
            console.log(Qs.parse(location.search.substring(1)));
            const query = Qs.parse(location.search.substring(1));
            if (query.typeId) {
                this.applicationInfo.fundId = query.typeId;
                if (query.typeId == 5) { // 如果是青峰计划, 部分项目名称改变.
                    this.isQingfeng = true;
                    this.companyName = "申请者所在单位意见";
                    this.companyDesc= "申请者所在单位对申请书的真实性、申请人承担项目的能力及本单位能否提供基本条件等签署具体意见并盖章";
                    this.contentTitle = "项目内容及意义(摘要)";
                    this.lilunDesc = "包括项目的意义、国内外现状、水平和发展趋势";

                    
                }
                if (query.hidden == 1) {
                    this.isHidden = false;
                }
            }
            
            console.log("类型的id" + query.typeId +  this.applicationInfo.fundId);


            if (query.applicationId){ // 如果有id 就是记录查询
                if (!query.isRepair) { //如果不是补正, 就隐藏保存和提交按钮
                    this.isShow = false;
                    this.previewOrPrint = "打印/预览";
                    // 所有的框框禁用
                }
                
                var that = this;
                axios.get(BaseUrl + "client/applicationClient/applicationInfofindById?applicationId=" + query.applicationId)
                .then(
                function(response) {
                    result = response.data.data[0];
                    if (response.data.code == 200) {
                        that.title = result.title;
                        if (result.applicationInfo.applicationInfo) {
                            that.applicationInfo = result.applicationInfo.applicationInfo;
                            $('.summernote').eq(0).summernote('code',that.applicationInfo.theoreticalFoundation);
                            $('.summernote').eq(1).summernote('code',that.applicationInfo.researchObject);
                            $('.summernote').eq(2).summernote('code',that.applicationInfo.researchTechnique);
                            $('.summernote').eq(3).summernote('code',that.applicationInfo.innovativePoint);
                            $('.summernote').eq(4).summernote('code',that.applicationInfo.designSchedule);
                            $('.summernote').eq(5).summernote('code',that.applicationInfo.workFoundation);
                            $('.summernote').eq(6).summernote('code',that.applicationInfo.experimentCondition);
                            $('.summernote').eq(7).summernote('code',that.applicationInfo.anticipatedResults);
                            $('.summernote').eq(8).summernote('code',that.applicationInfo.meaningAfterCompletion);
                        }
                        if (result.appropriationBudgetInfo.length){
                            that.appropriationBudgetInfo = result.appropriationBudgetInfo;
                        }
                        if (result.researchWorkerInfo.length){
                            result.researchWorkerInfo.forEach((item,i) => {
                                item.loginAge = item.age;
                                item.loginSex = item.sex;
                                item.age = null;
                                item.sex = null;
                                console.log(item.bg);
                            })
                            that.researchWorkerInfo = result.researchWorkerInfo;

                        }
                    }else{
                        that.title = result.title;
                    }
                    
                    console.log(result);
                })
                .catch(function (error) {
                    console.log(error);
                })
            }else{ 

                // 先加载之前保存的数据
                this.loadSaveData();

            }

        },

        computed:{
            totalSumAll(){
                let totalSumAll = 0.00;
                this.appropriationBudgetInfo.map((item) => {
                    if (parseFloat(item.money) >= 0){
                        console.log(parseFloat(item.money));
                        totalSumAll += parseFloat(item.money);
                    }
                })
                return totalSumAll;
            },
        },


        mounted(){
          window.addEventListener('scroll',this.scrollHandle);//绑定页面滚动事件
        },


    });
</script>




</body>
</html>